<template>
	<view class="page">
		<div class="sc-card shadow yuanjiao margin20-b sc-mymp" style="height:50vw;">
			<h2 class="user-name f-green">哈哈</h2>
			<div class="weui-avatar-circle" >
				<img src="https://imgs.qunarzz.com/p/tts9/1908/e5/ae14cb05c5d23a02.png_640x360_d9633b29.png">
			</div>
			<p><span class="iconfont icon-guhua f-green f20"></span>&nbsp;0371-15464687</p>
			<p><span class="iconfont icon-shouji f-green f20"></span>&nbsp;13948014567</p>
			<p><span class="iconfont icon-youxiang f-green f20"></span>&nbsp;123@qq.com</p>
			<p><span class="iconfont icon-weixin f-green f20"></span>&nbsp;qingqingcao</p>
		</div>
		<div class="page-bd-15 margin20-t">
			<a href="javascript:;" class="weui-btn weui-btn_primary " id="a" style="width: auto;">发名片</a>
		</div>
		<div class="page-bd-15 margin10-t">
			<a href="javascript:;" class="weui-btn weui-btn_default f-black " id="a" style="width: auto;">编辑名片</a>
			<navigator url="../zuzhi-edit/zuzhi-edit"> 
			<view class="weui-btn weui-btn_default f-black " >
				编辑名片
			</view>
			</navigator>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
.shadow {
				-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
				box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			}

			.yuanjiao {
				border-radius: 0.3125rem;
			}
			.sc-mymp{
				padding: 0.625rem;
			}
			.sc-mymp p{
				line-height: 1.5rem;
			}
			.sc-mymp .weui-avatar-circle{
				position: absolute; right: 0.5rem; top: 0.525rem; width: 3.5rem; height: 3.5rem;
			}
			.sc-mymp .weui-avatar-circle img{
				width: 3.5rem; height: 3.5rem;
			}
			.user-name{
				border-bottom: 1px solid #06AD56; font-weight: normal; margin-right: 25%; margin-bottom: 0.85rem; line-height: 2.5rem;
			}
			.my-btn{
				background: #fff; display: block; float:right; border-radius: 50%; margin-right: 0.3125rem; 
			}
			.weui-btn_default{
				background: #E3E3E3;
			}
.iconfont{margin-right: 10rpx;}
</style>
